<div class="proSide wow fadeInUpFix" data-wow-duration="0.6s" >

    <div class="categories">
        <div class="title">Categories</div>
        <div class="line"></div>
        <div class="item">
            <a class="name" href="/?product">
                <span>All</span>
            </a>
        </div>
        {pboot:nav num=14  parent=5}
        <div class="item">
            <a class="name" href="[nav:link]">
                <span>[nav:name]</span>
            </a>
        </div>
        {/pboot:nav}
    </div>
    <div class="categories">
        <div class="title">Recommendation</div>
        <div class="line"></div>
        <div class="item">
            <a class="name" href="/?product">
                <span>Popular</span>
            </a>
        </div>
        <div class="item">
            <a class="name" href="/?product">
                <span>Latest</span>
            </a>
        </div>
        <div class="search">
            <form action="{pboot:scaction}"  method="get">
                <div class="input-box">
                    <input type="text" name="keyword" placeholder="Search products...">
                    <button type="submit">
                        <img class="searchIcon" src="{pboot:sitetplpath}/images/list_search.png" alt="">
                    </button>
                </div>
            </form>
        </div>
    </div>




</div>